﻿<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>车生活</title>

		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">

		<!-- No Baidu Siteapp-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<link rel="icon" type="image/png" href="assets/i/favicon.png">

		<!-- Add to homescreen for Chrome on Android -->
		<meta name="mobile-web-app-capable" content="yes">
		<link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

		<!-- Add to homescreen for Safari on iOS -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-title" content="车生活" />
		<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

		<link rel="stylesheet" href="assets/css/amazeui.min.css">
		<link rel="stylesheet" href="assets/css/app.css">
		<style type="text/css">
			.am-tab-panel img {
				width: 100%
			}
			blockquote {
				border-left: 0px;
				font-size: 13px;
				color: #F37B1D;
				padding-top: 0px;
				padding-bottom: 0px;
			}
		</style>

	</head>

	<body>
		<header data-am-widget="header" class="am-header am-header-default">
			<div class="am-header-left am-header-nav">
				<a href="javascript:history.go(-1)" class="">
					<i class="am-header-icon am-icon-chevron-left"></i>
				</a>
			</div>
			<h1 class="am-header-title">
    <a href="#title-link" class="">服务详情</a>
  </h1>
			<div class="am-header-right am-header-nav">
				<a href="javascript:;" id="nav_click" class="">
					<i class="am-menu-toggle-icon am-icon-th-large am-icon-sm"></i>
				</a>
			</div>
		</header>

		<div style="height: 50px;"></div>
		<div class="am-g am-g-collapse">
			<div class="am-u-sm-12">
				<div class="am-thumbnail am-sj-title-img">
					<img src="assets/i/union/limo/title.jpg" class="am-img-responsive" alt="" />
					<h3 class="am-thumbnail-caption am-sj-title-text">人工普通洗车
      	<div class="am-fr">
      	  <span class="am-icon-star-o">收藏</span>
        </div>
      </h3>
				</div>
			</div>
		</div>

		<div class="am-panel am-panel-default">
			<div class="am-panel-bd">
				<div class="am-g">
					<div class="am-u-sm-7">
						<span class="am-icon-rmb am-detail-price-new">18&nbsp;&nbsp;</span>
						<span class="am-icon-rmb am-detail-price-old">30</span>
					</div>
					<div class="am-u-sm-5">
						<a href="order.html">
							<button class="am-btn am-btn-warning am-radius am-btn-block">
								立即购买
							</button>
						</a>
					</div>
				</div>
				<div class="am-g">
					<div class="am-u-sm-12">
						<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
					</div>
				</div>
				<div class="am-g">
					<div class="am-u-sm-12 am-text-lg">
						人工普通洗车
					</div>
				</div>
				<div class="am-g">
					<div class="am-u-sm-12">
						蜡水洗车，越洗越想洗，非一般的感觉
					</div>
				</div>

			</div>
		</div>

		<div class="am-g">
			<div class="am-u-sm-12">
				<div class="am-panel am-panel-default">
					<div class="am-panel-hd">商家信息</div>
					<div class="am-panel-bd">
						<div class="am-g">
							<a href="detail.html">
								<div class="am-u-sm-12">
									德国力魔汽车养护专家
								</div>
								<div class="am-u-sm-12">
									<span class="am-icon-map-marker am-icon-sm am-sj-title-address"> 广州市润德汽车用品中心2栋17号</span>
								</div>
							</a>
							<div class="am-u-sm-12">
								<hr data-am-widget="divider" class="am-divider am-divider-default" />
							</div>
							<div class="am-u-sm-6">
								<a href="tel:076922481986 ">
									<button class="am-btn am-btn-secondary am-radius am-btn-block">
										<i class="am-icon-phone"></i>电话
									</button>
								</a>
							</div>
							<div class="am-u-sm-6 am-sj-title-address" data-am-widget="navbar">
								<li data-am-navbar-share>
									<button class="am-btn am-btn-secondary am-radius am-btn-block">
										<i class="am-icon-share-alt"></i>分享
									</button>
								</li>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="am-g">
			<div class="am-u-sm-12">
				<div class="am-panel am-panel-default">
					<div class="am-panel-hd">服务描述</div>
					<div class="am-panel-bd">
						<div class="am-g">
							<div class="am-u-sm-12">
								<div>所含内容：</div>
								<table class="am-table am-table-bordered">
									<thead>
										<tr class="am-active">
											<th>服务项目</th>
											<th>数量</th>
											<th>价格</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>人工普通洗车</td>
											<td>1次</td>
											<td>30元</td>
										</tr>
										<tr>
											<td>清洗油门</td>
											<td>1次</td>
											<td>20元</td>
										</tr>
										<tr>
											<td>轮胎检查</td>
											<td>1次</td>
											<td>40元</td>
										</tr>
										<tr>
											<td colSpan="3" class="am-text-right">团购共计
											  <span class="am-detail-price-new" style="line-height: 1.2;">56</span>元 
												<a class="am-badge am-badge-warning am-round">立即购买</a>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<div class="am-u-sm-12">
								有效期：2015.5.18-2016.5.17
							</div>
							<div class="am-u-sm-12">
								使用时间： 09:00-18:00
							</div>
							<div class="am-u-sm-12">
								使用说明：
								<div>·节假日通用，无需预约，高峰时期可能需要等位；
									<br/>·到店出示消费二维码或消费密码，即可享受服务；
									<br/> ·免费提供茶饮、休息室、WIFI。
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="am-panel am-panel-default am-detail-pinglun">
			<div class="am-panel-hd">消费评价
				<div class="am-fr am-star-color">
					<span class="am-icon-star"></span>
					<span class="am-icon-star"></span>
					<span class="am-icon-star"></span>
					<span class="am-icon-star"></span>
					<span class="am-icon-star-half-o"></span> 4.5</div>
			</div>
			<div class="am-panel-bd">
				<article class="am-comment">
					<a href="#link-to-user-home">
						<img src="assets/i/other/header.jpg" alt="" class="am-comment-avatar">
					</a>
					<div class="am-comment-main am-detail-pinglun-jianxi">
						<header class="am-comment-hd">
							<div class="am-comment-meta">
								<span class="am-comment-author">消费者1</span>
								<span class="am-star-color"> 
      <span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="star">4</span>
								</span>
							</div>
						</header>
						<div class="am-comment-bd am-detail-pinglun-text">
							<p>
								老板活好
							</p>
							<small class="am-text-right">2015-07-04</small>
							<blockquote>
								<i class="am-icon-mail-forward"></i> 商家回复：谢谢惠顾
								<small class="am-text-right">2015-07-04</small>
							</blockquote>
						</div>
					</div>
				</article>
				<article class="am-comment">
					<a href="#link-to-user-home">
						<img src="assets/i/other/header.jpg" alt="" class="am-comment-avatar">
					</a>
					<div class="am-comment-main am-detail-pinglun-jianxi">
						<header class="am-comment-hd">
							<div class="am-comment-meta">
								<span class="am-comment-author">消费者2</span>
								<span class="am-star-color"> 
      <span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="star">4</span>
								</span>
							</div>
						</header>
						<div class="am-comment-bd am-detail-pinglun-text">
							<p>
								老板活好
							</p>
							<small class="am-text-right">2015-07-04</small>
							<blockquote>
								<i class="am-icon-mail-forward"></i> 商家回复：谢谢惠顾
								<small class="am-text-right">2015-07-04</small>
							</blockquote>
						</div>
					</div>
				</article>
				<article class="am-comment">
					<a href="#link-to-user-home">
						<img src="assets/i/other/header.jpg" alt="" class="am-comment-avatar">
					</a>
					<div class="am-comment-main am-detail-pinglun-jianxi">
						<header class="am-comment-hd">
							<div class="am-comment-meta">
								<span class="am-comment-author">消费者1</span>
								<span class="am-star-color"> 
                <span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="am-icon-star"></span>
								<span class="star">4</span>
								</span>
							</div>
						</header>
						<div class="am-comment-bd am-detail-pinglun-text">
							<p>
								老板活好
							</p>
							<small class="am-text-right">2015-07-04</small>
							<blockquote>
								<i class="am-icon-mail-forward"></i> 商家回复：谢谢惠顾
								<small class="am-text-right">2015-07-04</small>
							</blockquote>
						</div>
					</div>
				</article>
			</div>
			<footer class="am-panel-footer" style="background:white">
				<a href="pinglun.html">
  		查看全部评价
  	<span class="am-icon-angle-double-right am-fr"></span>
  	</a>
			</footer>
		</div>

		<div class="am-g">
			<div class="am-u-sm-12">
				<button class="am-btn am-btn-warning am-radius am-btn-block">
					立即购买
				</button>
			</div>
		</div>
		<div style="height: 70px;"></div>

		<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
			<a href="#top" title="回到顶部">
				<span class="am-gotop-title">回到顶部</span>
				<i class="am-gotop-icon am-icon-chevron-up"></i>
			</a>
		</div>

		<script type="text/x-handlebars-template" id="amz-tpl">
			{{>navbar navbar}}
		</script>
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/amazeui.min.js"></script>
		<script src="assets/js/handlebars.min.js"></script>
		<script src="assets/js/amazeui.widgets.helper.js"></script>
		<script src="assets/js/app.js"></script>
	</body>

</html>